import styles from '../../styles/components/HomePage.module.scss';


export default function HomePage() {
    return (
        <div className={styles.homePage}>
            <div className={styles.logoContainer}>
                <img src="https://youke1.picui.cn/s1/2025/08/01/688c69607426a.jpg" alt="Java Logo" className={styles.logo} />
            </div>
            <h1 className={styles.title}>Java全栈知识体系</h1>
            <p className={styles.description}>🚀一个为Java开发者量身打造的综合学习平台</p>
            <p className={styles.description}>
                这是一个使用 React + TypeScript + Vite 构建的现代化网站。
            </p>
            <button className={styles.featuresButton}>快速开始 →</button>
            <div className={styles.featuresRow}>
                <div className={styles.features}>
                    <h2 className={styles.featureTitle}>效率化驱动学习</h2>
                    <p className={styles.featureDescription}>提供一站式Java全栈知识体系，通过系统化的结构和高效的学习路径，使学习更有条理，帮助您快速掌握关键技能。</p>
                </div>
                <div className={styles.features}>
                    <h2 className={styles.featureTitle}>结构化知识管理</h2>
                    <p className={styles.featureDescription}>将繁杂的Java知识点结构化管理，从基础到进阶逐步深入，确保知识点的完整性与连贯性，为学习和实践提供坚实的基础。</p>
                </div>
                <div className={styles.features}>
                    <h2 className={styles.featureTitle}>沉浸式学习体验</h2>
                    <p className={styles.featureDescription}>专为阅读设计的UI，配合多种颜色模式、可关闭的侧边栏和导航栏，带给你一种沉浸式阅读体验</p>
                </div>
            </div>
        </div>
    );
}